/*base*/

blockquote,body,button,dd,dl,dt,fieldset,form,h1,h2,h3,h4,h5,h6,hr,input,legend,li,ol,p,pre,td,textarea,th,ul{margin: 0;padding: 0}

html {font-size: 62.5%;width: 100%;height: 100%;}

body {font-size: 1.4rem;width: 100%;height: 100%;-webkit-font-smoothing: antialiased;}

html, body {font-family:'Microsoft YaHei',tahoma,arial,'Hiragino Sans GB',\5b8b\4f53,sans-serif;}

img{display: block;}

ol,ul {list-style: none}

a {text-decoration: none}

a:hover {text-decoration: underline}

*{-webkit-touch-callout: none;-webkit-user-select: none;-khtml-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;}

/*style*/

.wrap{width: 100%;height: 100%;}

.enter_wrap{width: 100%;height: 100%;
background: url(../images/pp2.jpg) no-repeat;
background-size: 100% 100%;
}

.enter_wrap .wrap_top{width: 100%;position: absolute;top:10%;}

.enter_wrap .wrap_top .top_img{width: 100%;margin: 0 auto;}

.enter_wrap .wrap_center{width: 100%;position: absolute;bottom:22%;}

.enter_wrap .wrap_center .enter_btn{width:78%;margin:0 auto;color: #000;text-align: center;font-size: 1.8rem; line-height: 44px; background-size: 1px 44px; border:1px #282940 solid;}

.enter_wrap .wrap_bottom{width: 100%;position: absolute;bottom: 4%;}

.enter_wrap .wrap_bottom .bottom_img{width: 60%;margin:0 auto;}

.topic_wrap{display:none;width: 100%;height: 100%;background: url(../images/pp.jpg) no-repeat;background-size: 100% 100%;}

.topic_wrap .fade_wrap{width: 100%;height: 100%;}

.topic_wrap .wrap_top{width: 100%;position: absolute;top:8%;}

.topic_wrap .wrap_top .topic_no{height: 40px;width: 40px; line-height: 40px; text-align: center;color: #fff;font-size: 1.2rem; border-radius: 20px;background:#0362;background-size: 1px 42px; margin:0 auto;}

.topic_wrap .wrap_top .topic_no .curr_no{font-size: 1.6rem;}

.topic_wrap .wrap_top1{width: 100%;position: absolute;top:20%;}

.topic_wrap .wrap_top1 .topic_title{width: 80%;margin:0 auto;text-align: center;font-size: 1.6rem;color: #000;}

.topic_wrap .wrap_center{width: 100%;position: absolute;top:38%;}

.topic_wrap .wrap_center .topic_option{width: 80%;margin:0 auto; text-align: center;display:table;}

.topic_wrap .wrap_center .topic_option .option_item{width: 100%;height:54px;vertical-align: middle;border-radius: 6px; margin-bottom: 10px; background: url(../images/topic_btn.png) repeat-x;background-size: 1px 54px; font-size: 1.3rem;color: #868686;border:1px #282940 solid;padding:0 10px;}

.topic_wrap .wrap_center .topic_option .select{background: url(../images/topic_sele_btn.png) repeat-x;color: #EEE;}

.topic_wrap .wrap_bottom{width: 100%;position: absolute;bottom: 4%;}

.topic_wrap .wrap_bottom .lagou_logo{width: 32%;margin:0 auto;}

.over_wrap{display:none;width: 100%;height: 100%;background: url(../images/pp.jpg) no-repeat;background-size: 100% 100%;}

.over_wrap .wrap_top{width: 100%; height: 18%; position: absolute;top:6%;}

.over_wrap .wrap_top .over_grade{width:50%;height: 100%; margin:0 auto;text-align:center; color: #FFF;font-size: 1.8rem;}

.over_wrap .wrap_top .over_grade .grade_title{display: block;height: 24%;color: #000;}

.over_wrap .wrap_top .over_grade .grade{display: table;color: #E53046;height: 76%;width: 100%;margin:0 auto; text-align: center;}

.over_wrap .wrap_top .over_grade .grade .grade_detail_wrap{display: table-cell;vertical-align: middle;}

.over_wrap .wrap_top .over_grade .grade .grade_detail{font-size: 3.0rem;font-weight: normal;}

.over_wrap .wrap_center{width: 100%;position: absolute;top:24%;}

.over_wrap .wrap_center .over_des{width: 68%;margin:0 auto; background: #F8F8F8;padding:6%;}

.over_wrap .wrap_center .over_des .des_title{font-size: 1.0rem; color: #A6A6A6;}

.over_wrap .wrap_center .over_des .des_content{}

.over_wrap .wrap_center .over_des .des_content .des_keyword{ line-height: 4.0rem; color: #da2f45;font-size: 2.0rem;text-align: center;}

.over_wrap .wrap_center .over_des .des_content .des_detail{color: #535353; font-size: 1.2rem;}

.over_wrap .wrap_center .over_btn{width: 80%;margin:0 auto; margin-top: 10px;overflow: hidden;}

.over_wrap .wrap_center .over_btn .over_btn_detail{color: #FFF;text-align: center;font-size: 1.5rem; line-height: 44px;background:#0362; background-size: 1px 44px; border:1px #282940 solid;}

.over_wrap .wrap_center .over_btn .over_share{float: left;width:36%;color: #000;}

.over_wrap .wrap_center .over_btn .back{float: right;width: 60%;}

.over_wrap .wrap_center .over_btn .back a{color: #FFF;text-decoration: none;color: #000;}

.over_wrap .wrap_bottom{width: 100%;position: absolute;bottom: 4%;}

.over_wrap .wrap_bottom .lagou_logo{width: 32%;margin:0 auto;}

.share_wrap{display:none;position: absolute;top:0;left:0;width: 100%;height: 100%;background: #000; opacity: 0.9;}

.share_text{position: absolute;width: 74%;top:3%;right: 5%;}

.share_text .share_img{width:100%;}

